<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta name="referrer" content="no-referrer">
		<link rel="icon" href="/favicon.ico">
		<title>chat</title>
		<style>
            /* Transparent background */
            body {
                background-color: transparent !important;
            }
			#showTime {
				font-size: 40px; color: #ffffff; font-weight: bold;
				text-shadow: 1px 1px 3px #000000;
			}
        </style>
		<script>
			function getTime(){
				//获取日期类对象
				var date = new Date;
				
				//利用get方法获取当前年、月、日、时、分、秒等信息，并拼接在一起。
				//注意：这里的date.getMonth()得到的月份数是从0开始的，所以要+1。
				var time = date.getFullYear()+ "年" + 
							(date.getMonth() + 1) + "月" +
							date.getDay() + "日" + 
							date.getHours() + "时" + 
							date.getMinutes() + "分" + 
							date.getSeconds() + "秒";
				
				//根据ID获取对应的span标签类对象
				var showTimeSpan = document.getElementById("showTime");
				
				//innerHTML
				//语法：HTMLElementObject.innerHTML = text
				//作用：改变同一行的一对HTML标签中的值
				showTimeSpan.innerHTML = time;
			}
			
			//setInterval，定时调用某个方法，第一个参数："方法名()"，第二个参数为毫秒数。
			window.setInterval("getTime()", 1000);
		</script>
	</head>
	<body>
		<span id="showTime"></span>
	</body>
</html>